<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>77代购网</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/index.css" />
		<script type="text/javascript" src="js/common/jquery_min.js"></script>
	</head>

	<body>
		<!--头部样式开始-->
		<header>
			<!--顶部样式 开始-->
			<div id="top_s">
				<div id="top">
					<div class="top_left">
						<ul>
							<li><a href="#">免费注册</a></li>
							<li><a href="#">登陆</a></li>
							<li>
								<a href="#">
									<p class="fb"></p>Facebook登陆</a>
							</li>
							<li>
								<a href="#">
									<p class="wx"></p>微信登陆</a>
							</li>
						</ul>
					</div>
					<div class="top_right">
						<ul>
							<li>
								<p class="gwc"></p><a href="#">购物车</a></li>
							<li>
								<p class="grzx"></p><a href="member.html">个人中心</a></li>
							<li>
								<p class="mddd"></p><a href="#">我的订单</a></li>
							<li><a href="#">帮助</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!--顶部样式结束-->
			<!--搜索框样式开始-->
			<div id="search">
				<div class="search_img"></div>
				<div class="search_input">
					<input type="text" name="search_value" placeholder="么么哒" />
					<span>点我代购</span>

				</div>
				<div class="search_list">
					<ul>
						<li>代购支持的商家:</li>
						<li>淘宝</li>
						<li>天猫</li>
						<li>1号店</li>
						<li>天猫</li>
						<li>京东</li>
						<li>亚马逊</li>
					</ul>
				</div>
			</div>
			<!--搜索框样式结束-->
			<!--列表样式开始-->
			<div id="list">
				<div class="list_list">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">仓位购买</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">我要代运</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">淘宝</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">京东</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">蘑菇街</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">7号店</a></li>
						<li class="list_hover"><a class="list_a_hover" href="#">亚马逊商城</a></li>
					</ul>
				</div>
			</div>
			<!--列表样式结束-->
		</header>
		<!--头部样式结束-->
		<!--#########################################################################-->
		<!--轮播样式开始-->
		<div id="lunbo">
			<div class="lunbo_all">
				<div class="lunbo_img">
					<img src="img/index/left_link1.jpg" />
					<img src="img/index/left_link2.png" />
					<img src="img/index/left_link3.jpg" />
				</div>
				<div class="lunbo_lunbo">
					<ul>
						<li><img src="img/index/home_banner.jpg" /></li>
					</ul>
				</div>
				<div class="lunbo_login">
					<div class="lunbo_login_login">登陆</div>
					<div class="lunbo_login_reject">快速注册</div>
					<div class="login">
						<form action="#" method="post">
							<table>
								<tr>
									<td>手机号:</td>
									<td>
										<input type="text" name="user" value="" />
									</td>
								</tr>
								<tr>
									<td>密 码：</td>
									<td>
										<input type="password" name="pwd" value="" </td>
								</tr>
								<tr>
									<td>验证码:</td>
									<td>
										<input type="text" name="pwd" value="" </td>
										<img src="img/member/4.png" />
								</tr>
							</table>
						</form>
						<span>登陆</span>
					</div>
					<div class="reject">
						<form action="#" method="post">
							<table>
								<tr>
									<td>手机号码:</td>
									<td>
										<input type="text" name="user" value="" />
									</td>
								</tr>
								<tr>
									<td>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码:</td>
									<td>
										<input type="password" name="pwd" value="" </td>
								</tr>
								<tr>
									<td>确认密码:</td>
									<td>
										<input type="password" name="pwd" value="" </td>
								</tr>
							</table>
						</form>
						<span>立即注册</span>
					</div>
				</div>
			</div>
		</div>
		<!--轮播样式开始-->

		<div id="ad_img">
			<img src="img/index/banner_middle.jpg" />
		</div>
		<!--商品列表页面开始-->
		<div id="goods">
			<div class="goods_1">
				<div class="goods_title">
					<ul>
						<li><a href="#" class="a_color">仓位购买</a></li>
						<li><a href="#">西马</a></li>
						<li><a href="#">东马</a></li>
						<li><a href="#">新加坡</a></li>
						<li><a href="#">泰国</a></li>
						<li><a href="#">印尼</a></li>
					</ul>
				</div>

				<div class="goods_goods">
					<ul>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>普通空运</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>敏感空运</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>普通海运</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>敏感海运</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>

						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
					
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
								<a href="#">
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
								<a href="#">
						</li>
					</ul>

				</div>
				<div class="goods_title">
					<ul>
						<li 
				   style=
				   "background-color:#FC717D ;
					float: left;
					font-size: 20px;
					font-weight: bold;
					line-height: 30px;
					margin-left: 30px;
					border-radius: 13px;">
	<a href="#" class="a_color">新品代购</a></li>
						<li><a href="#">瓜子</a></li>
						<li><a href="#">花生</a></li>
						<li><a href="#">啤酒</a></li>
						<li><a href="#">饮料</a></li>
						<li><a href="#">火腿肠</a></li>
					</ul>
				</div>
				<!---->
				<div class="goods_goods">
					<ul>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>普通空运</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>敏感空运</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>普通海运</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>敏感海运</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>

						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
								<a href="#">
						</li>
						<li>
							<a href="#">
								<img src="img/goods/4c608bf7194fcfa4dbb0ef8112d04951.jpg" />
								<span>大保健—风情万种小玫瑰大保健—风情万种小玫瑰大保健—风情万种小玫瑰</span>
								<span>￥:2999.00<i>(￥:6999.00)</i></span>
								<a href="#">
						</li>
					</ul>

				</div>
			</div>
		</div>
		<!--            -->

	</body>

</html>
<script type="text/javascript" src="js/index/index.js"></script>